/*****************************************************************************************
**  Author:jxx 2022
**  QQ:283591387
**完整文档见：http://v2.volcore.xyz/document/api 【代码生成页面ViewGrid】
**常用示例见：http://v2.volcore.xyz/document/vueDev
**后台操作见：http://v2.volcore.xyz/document/netCoreDev
*****************************************************************************************/
//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
import gridHeader from "@/components/print/selectTemplet.vue"
let extension = {
  components: {
    //查询界面扩展组件
    gridHeader,
    gridBody: '',
    gridFooter: '',
    //新建、编辑弹出框扩展组件
    modelHeader: '',
    modelBody: '',
    modelFooter: ''
  },
  tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
  buttons: { view: [], box: [], detail: [] }, //扩展的按钮
  methods: {
    //下面这些方法可以保留也可以删除
    async onInit() {  //框架初始化配置前，
      //示例：在按钮的最前面添加一个按钮
      //   this.buttons.unshift({  //也可以用push或者splice方法来修改buttons数组
      //     name: '按钮', //按钮名称
      //     icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
      //     type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
      //     onClick: function () {
      //       this.$Message.success('点击了按钮');
      //     }
      //   });

      //示例：设置修改新建、编辑弹出框字段标签的长度
      // this.boxOptions.labelWidth = 150;
      // let startTime = this.base.getOneWeekAgoDate()
      // let endTime = this.base.getDate(false) + " 23:59:59"
      // this.searchFormFields.EndTime = endTime
      this.queryFields = ["Client_name", "state"]
      this.searchFormFields.state = "0"
      this.detailOptions.textInline = false
      this.textInline = false
      // this.setFiexdSearchForm(true);
      // this.buttons.forEach(item => {
      //   if (item.name == "高级查询") {
      //     item.hidden = true
      //   }
      // })
      if (this.$route.path == "/q_operations_contract" && JSON.stringify(this.$route.query) != '{}') {
        // console.log("触发查询1")
         await this.base.setSearchParamFn(this)
        // this.searchFormOptions.forEach(item => {
          // item.forEach(x => {
            // const field = x.field
            // console.log(field, this.searchFormFields[field])
            // if (x.type == "like"||(x.type == "datetime" && !x.range)) {
            //   console.log("field",field)
            //   this.searchFormFields[field] = null
            // }
            // if (x.type == "select"||x.type == "datetime") {
            //   x.onChange = (v) => {
            //     console.log("change")
            //     this.$route.query = {}
            //   }
            // }
          // })
        // })
        // this.searchFormFields.Voucher_sub = null
        // this.searchFormFields.Client_name = null
        // this.searchFormFields.Site = null
        // this.searchFormFields.state = null
        // this.searchFormFields.StartTime = null
        // this.searchFormFields.EndTime = null
        // this.searchFormFields.AuditStatus = null
        // const selectList = ['Client_name', 'StartTime', 'EndTime', 'AuditStatus', 'state',]
        // this.searchFormOptions.forEach(item => {
        //   item.forEach(x => {
        //     if (selectList.includes(x.field)) {
        //       x.onChange = (v) => {
        //         this.$route.query = {}
        //       }
        //     }
        //   })
        // })
        setTimeout(() => {
          this.refresh()
        })
      }
    },
    onInited() {
      //框架初始化配置后
      //如果要配置明细表,在此方法操作
      //this.detailOptions.columns.forEach(column=>{ });
      // this.searchFormFields.EndTime=null
      this.searchFormOptions.forEach(x => {
        x.forEach(item => {
          if (item.field == "StartTime" || item.field == "EndTime") {
            //设置单个日期查询
            item.range = false;
            //设置查询类型为date(默认为datetime)
            // item.type = "datetime";
          }
        })
      })
      if (this.$route.path != "/q_operations_contract") {
        this.setFiexdSearchForm(true);
        this.height = 550 - 150;
        this.buttons.forEach(item => {
          if (item.value != "Search" ) {
            item.hidden = true
          }
        })
        this.detailOptions.buttons = []
        this.boxButtons[0].hidden = true
        this.searchFormFields.AuditStatus = "1"
      }
      this.detailOptions.beginEdit = (row, column, index) => {
        if (this.$route.path != "/q_operations_contract" || this.rowAuditStatus != 0) {// || !this.CreateUserBoole
          return false
        }
        return true
      }
    },
  async  searchBefore(param) {
      //界面查询前,可以给param.wheres添加查询参数
      //返回false，则不会执行查询
      if (this.$route.path != "/q_operations_contract") {
        param.wheres = param.wheres.filter(item => item.name != "Operations_contract")
        this.$route.query = {}
      }
      if (this.$route.path == "/q_operations_contract" && JSON.stringify(this.$route.query) != '{}') {
       await this.base.setSearchBefore(this, "Operations_contract",param)
        // this.searchFormOptions.forEach(item => {
        //   item.forEach(x => {
        //     console.log("x.range", x.range)
        //     const field = x.field
        //     if (x.type == "like"||(x.type == "datetime" && !x.range)) {
        //       if (this.searchFormFields[field]) {
        //         param.wheres = param.wheres.filter(item => item.name != "Operations_contract")
        //         this.$route.query = {}
        //       }
        //     } else if (x.range || x.type == "range") {
        //       const sectionState = ["[null,null]", JSON.stringify(["", null]), JSON.stringify([null, ""]), JSON.stringify(["", ""])]
        //       const dateState = sectionState.includes(JSON.stringify(this.searchFormFields[field]))
        //       if (!dateState) {
        //         param.wheres = param.wheres.filter(item => item.name != "Operations_contract")
        //         this.$route.query = {}
        //         console.log("时间")
        //       }
        //     } 
        //   })
        // })
        // if (this.searchFormFields.Voucher_sub ||this.searchFormFields.Site || this.searchFormFields.StartTime || this.searchFormFields.EndTime) {
        //   param.wheres = param.wheres.filter(item => item.name != "Operations_contract")
        //   this.$route.query = {}
        // }
      }
      return true;
    },
    searchAfter(result) {
      //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
      return true;
    },
    addBefore(formData) {
      //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
      return this.testAdd(formData);
    },
    updateBefore(formData) {
      //编辑保存前formData为对象，包括明细表、删除行的Id
      return this.testAdd(formData);
    },
    delBefore(ids, rows) { //查询界面的表删除前 ids为删除的id数组,rows删除的行
      let auditStatus = rows.some(x => { return x.AuditStatus == 1 });
      if (auditStatus) {
        this.base.ElMessageFn('不支持删除审核通过数据')
        return false;
      }
      return true;
    },
    rowClick({ row, column, event }) {
      //查询界面点击行事件
      this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
    },
    detailRowClick({ row, column, event }) {
      this.$refs.detail.$refs.table.toggleRowSelection(row);
      if (this.$route.path != "/q_operations_contract" || this.rowAuditStatus != 0) { return }//|| !this.CreateUserBoole
      if (column.property == "Brand" || column.property == "Type" || column.property == "Model" || column.property == "Price" || column.property == "Goods_num") {
        let dom = event.target
        if (dom.nodeName != "SPAN") {
          setTimeout(() => {
            let inpDom = dom.querySelector("input")
            inpDom.focus()
          }, 0)
        }
      }
    },
    onModelClose(iconClick) {
      //iconClick=true为点击左中上角X触发的关闭事件
      //如果返回 false不会关闭弹出框 
      //return false;
      this.$store.commit("setTabelText", true)
      this.boxModel = false;
    },
    async modelOpenBefore(row) {
      this.$store.commit("setTabelText", false)
      this.rowAuditStatus = await row.AuditStatus
      if (JSON.stringify(row) == "{}") {
        this.rowAuditStatus = 0
        this.CreateUserBoole = true
      }
      if (this.$route.path != "/q_operations_contract" || this.rowAuditStatus != 0) {//|| !this.CreateUserBoole
        this.boxButtons[0].hidden = true
        this.detailOptions.buttons.forEach(item => {
          if (item.name != "导出" && item.name != "刷新") {
            item.hidden = true
          }
        })
      } else {
        this.boxButtons[0].hidden = false
        this.detailOptions.buttons.forEach(item => item.hidden = false)
      }
    },
    modelOpenAfter(row) {
      //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
      //(1)判断是编辑还是新建操作： this.currentAction=='Add';
      //(2)给弹出框设置默认值
      //(3)this.editFormFields.字段='xxx';
      //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
      //看不懂就把输出看：console.log(this.editFormOptions)
      this.editFormOptions.forEach(item => {
        item.forEach(x => {
          if (x.field == 'Client_name') {
            x.onChange = (e) => {
              this.editFormFields.Client_man = null;
              this.editFormFields.Client_tel = null;
              console.log("e", e)
              let url = `api/q_client_f/GetClientInfo?bm=` + e;
              this.http
                .post(url, {})
                .then(([res]) => {
                  // console.log("res",res)
                  this.editFormFields.Client_man = res.Client_man;
                  this.editFormFields.Client_tel = res.Client_tel;
                })
                .catch(() => {
                  this.base.ElMessageFn('获取客户信息失败', "error")
                });
            }
          }
          if (x.field == 'Image' || x.field == 'Attachment') {
            //启用多图上传(默认单图)
            x.multiple = true;
            //最多可以上传3张照片
            x.maxFile = 3;
          }
          if (x.field == "Total_price" || x.field == "Voucher_sub" || x.field == "Goods_num") {
            x.disabled = true
          }else{
            x.disabled = false
          }
          //处理省市区
          if (!this.editFormFields.Province) {
            if (x.field == "City" || x.field == "District") {
              x.disabled = true
            }
          } else {
            if (x.field == "City") {
              let url = `api/Sys_Dictionary/getcRegionDictionary?sjid=${this.editFormFields.Province}`;
              this.http.post(url, {}).then((result) => {
                let CityList = result.map(a => {
                  return {
                    key: a.citys_Id,
                    value: a.citys_name
                  }
                })
                x.data = CityList
              });
            }
          }
          if (!this.editFormFields.City) {
            if (x.field == "District") {
              x.disabled = true
            }
          } else {
            if (x.field == "District") {
              let url = `api/Sys_Dictionary/getcRegionDictionary?sjid=${this.editFormFields.City}`;
              this.http.post(url, {}).then((result) => {
                let DistrictList = result.map(a => {
                  return {
                    key: a.citys_Id,
                    value: a.citys_name
                  }
                })
                x.data = DistrictList
              });
            }
          }
          if (x.field == "Province") {
            let url = `api/Sys_Dictionary/getcRegionDictionary?sjid=D39479C4-1A27-43BE-8B27-739EB5CEA278`;
            this.http.post(url, {}).then((result) => {
              let ProvinceList = result.map(a => {
                return {
                  key: a.citys_Id,
                  value: a.citys_name
                }
              })
              x.data = ProvinceList
            });
            x.onChange = (val, option) => {
              this.editFormOptions.forEach(e => {
                e.forEach(i => {
                  if (i.field == "City" || i.field == "District") {
                    this.editFormFields.City = null
                    this.editFormFields.District = null
                    i.disabled = true
                  }
                  if (val) {
                    if (i.field == "City") {
                      url = `api/Sys_Dictionary/getcRegionDictionary?sjid=${val}`;
                      this.http.post(url, {}).then((result) => {
                        let CityList = result.map(a => {
                          return {
                            key: a.citys_Id,
                            value: a.citys_name
                          }
                        })
                        if (i.field == "City") {
                          i.data = CityList
                        }
                      });
                      i.disabled = false

                    }
                  }
                })
              })
            }
          }
          if (x.field == "City") {
            x.onChange = (CityVal) => {
              this.editFormOptions.forEach(c => {
                c.forEach(t => {
                  if (t.field == "District") {
                    this.editFormFields.District = null
                    t.disabled = true
                    if (CityVal) {
                      let url = `api/Sys_Dictionary/getcRegionDictionary?sjid=${CityVal}`;
                      this.http.post(url, {}).then((result) => {
                        // console.log("District", result);
                        let DistrictList = result.map(a => {
                          return {
                            key: a.citys_Id,
                            value: a.citys_name
                          }
                        })
                        t.data = DistrictList
                        t.disabled = false
                      });
                    }
                  }
                })
              })
            }
          }
          //控制是否可编辑
          if (this.$route.path != "/q_operations_contract"|| this.rowAuditStatus != 0) {// || !this.CreateUserBoole
            x.disabled = true
          }
        })
      })
    },
    testAdd(formData) {
      if (!this.$refs.detail.rowData.length) {
        this.base.ElMessageFn('明细表不可为空', "error")
        return false
      }
      let boole = formData.detailData.some(item => item.Goods_num === "" || item.Goods_num === null || item.Goods_num === undefined)
      if (boole) {
        this.base.ElMessageFn("明细表中请填写数量")
        return false;
      }
      let boole2 = formData.detailData.some(item => +item.Goods_num === 0 &&(item.Goods_num!=""||item.Goods_num!=null|| item.Goods_num == undefined))
      if (boole2) {
        this.base.ElMessageFn("明细表中数量不可为零或空")
        return false;
      }
        let boole3 = formData.detailData.every(item => +item.Goods_num > 0 && +item.Goods_num)
        if (!boole3) {
          this.base.ElMessageFn("明细表中数量请填写有效正数")
          return false;
        }

        // let boole1 = formData.detailData.some(item => item.Price === "" || item.Price === null || item.Price === undefined)
        // if (boole1) {
        //   this.base.ElMessageFn("明细表中请填写单价")
        //   return false;
        // }
        // let boole22 = formData.detailData.some(item => +item.Price === 0 &&(item.Price!=""||item.Price!=null|| item.Price == undefined))
        // if (boole22) {
        //   this.base.ElMessageFn("明细表中单价不可为零或空")
        //   return false;
        // }
        //   let boole33 = formData.detailData.every(item => +item.Price > 0 && +item.Price)
        //   if (!boole33) {
        //     this.base.ElMessageFn("明细表中单价请填写有效正数")
        //     return false;
        //   }
        let boole1 = formData.detailData.some(item => item.Price === "" || item.Price === null || item.Price === undefined)
        if (boole1) {
          this.base.ElMessageFn("明细表中请填写单价")
          return false;
        }
        // let boole22 = formData.detailData.some(item => +item.Price === 0&&(item.Price!=""||item.Price!=null|| item.Price == undefined))
        // if (boole22) {
        //   this.base.ElMessageFn("明细表中单价不可为空")
        //   return false;
        // }
        let boole22 = formData.detailData.every(item => item.Price!==""||item.Price!==null|| item.Price === undefined||item.Price?(""+item.Price).trim()!=="":+item.Price)
        if (!boole22) {
          this.base.ElMessageFn("明细表中单价不可为空")
          return false;
        }
        let boole33 = formData.detailData.every(item => +item.Price >= 0 )
        if (!boole33) {
          this.base.ElMessageFn("明细表中单价请填写有效正数")
          return false;
        }
      return true
    },
  }
};
export default extension;
